@charset "UTF-8";
//过滤模块
.filter{
  position: relative;
  padding:.2rem 0;
  max-width: 1080px;
  color: #84dbff;
}
.filter .l{
  float: left;
  position: relative;
  width: 30%;
}

.filter .r{
  float: right;
  position: relative;
}

.filter h2{
    line-height: .65rem;
    font-size: .38rem;
    font-weight: normal;
    position: relative;
    color:#8f816d;
}


.filter select{
  display: block;
  border: 1px solid #f55f45;
  border-radius: 2px;
  background-color:#191919;
  color:#8f816d;
  padding: .1rem .1rem .1rem .1rem;
}



/*select 代替方案 依赖 mobiscroll 组件，不要可以删除*/
.filter .select-container:before,
.filter .select-container:after{
  z-index: 3;
  border: .18rem solid transparent;
  border-top:  .18rem solid #000;
  width: 0;
  height: 0;
  position: absolute;
  top: 25%;
  right: 1%;
  content: ' ';
  pointer-events: none;
  color: #999;
}
.filter .select-container:before {
  border-top-color: #84dbff;
  top: 35%;
}
.filter .label-title {
    position: absolute;
    line-height: .51rem;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 0 .56rem 0 .18rem;
    max-width: 65%;
    border: none;
    background: transparent;
    color: #84dbff;
    text-overflow: '';
    white-space: nowrap;
    cursor: pointer;
    text-align: right;
    z-index: 2;
  }



.en .filter h2{
  font-size: .32rem;
}